<template>
  <view class="custom-center-popup">
    <u-popup :show="show" :round="20" mode="center" :overlay="true" :closeable="false"
      :closeOnClickOverlay="false" @close="close">
    </u-popup>
    
  </view>
</template>

<script>
  /**
   * @description 模态框组件
   * @property {Boolean}      show        是否展示弹窗 (默认 false )
   * @property {Boolean}      overlay        是否展示遮罩 (默认 false )
   * @property {String} title             模态框标题
   * @property {String} content           模态框内容
   * @property {String} confirmText       确认文字
   * @property {Boolean} showConfirm = [true,false] 显示确认按钮，默认为true
   * @property {Boolean} showCancel = [true,false] 显示取消按钮，默认为true
   */
  export default {
    name:"retail-dialog",
    props: {
      confirmText: {
        type: String,
        default: '确认'
      },
      cancelText: {
        type: String,
        default: '取消'
      },
      confirmColor:{
        type: String,
        default: '#38C09E'
      },
      cancelColor:{
        type: String,
        default: '#666'
      },
      showConfirm:{
        type: Boolean,
        default: true
      },
      showCancel:{
        type: Boolean,
        default: true
      },
      title:{
        type: String,
        default: ''
      },
      content:{
        type: String,
        default: ''
      }
    },
    data() {
      return {
        
      };
    },
    methods: {
      close() {
        this.$emit('update:show', false)
      }
    },
  }
</script>

<style lang="scss">

</style>